Nazwany kolor · #AED3C7
Feeling Lucky
Feeling Lucky to #AED3C7: rgb(174 211 199), hsl(161 30% 75%), oklch(0.837 0.043 173.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Feeling Lucky color name →
#AED3C7
oklch(0.837 0.043 173.6)
Konwersje koloru
- HEX
- #aed3c7
- RGB
- rgb(174 211 199)
- HSL
- hsl(161 30% 75%)
- HWB
- hwb(161 68% 17%)
- OKLCH
- oklch(0.837 0.043 173.6)
- OKLab
- oklab(0.837 -0.042 0.005)
- CIE Lab
- lab(81.61 -14.49 1.68)
- LCH
- lch(81.61 14.59 173.4)
- CMYK
- cmyk(18% 0% 6% 17%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B6D7CC
- BEDCD2
- C6E0D8
- CEE5DD
- D6E9E3
- DFEDE8
- E7F2EE
- EFF6F4
- F7FBF9
Odcienie ciemniejsze
- 97B7AD
- 809C93
- 6A827A
- 556962
- 41514C
- 2E3A36
- 1C2421
- 0B100E
- 010202
Tony
- A9CAC0
- A5C2B8
- A0B9B1
- 9CB1AA
- 97A9A3
- 93A09C
- 8E9895
- 89908E
- 858887
Harmonie kolorów
Komplementarna +180°
- AED3C7
Feeling Lucky
- E1BFCB
≈ Soap Pink
Analogowa -30° +30°
- AED3C7
Feeling Lucky
- BAD1B8
≈ Eucalyptus Leaf
- AAD2D6
≈ Aqua Frost
Triada +120° +240°
- AED3C7
Feeling Lucky
- CAC5E3
≈ Purple Purity
- E1C3B0
≈ Gypsum Rose
Komplementarna rozszczepiona +150° +210°
- AED3C7
Feeling Lucky
- D8C1DA
≈ New Violet
- E4BFBC
≈ Miniature Posey
Tetrada +90° +180° +270°
- AED3C7
Feeling Lucky
- BBCAE6
≈ Cuddle
- E1BFCB
≈ Soap Pink
- D7C8AB
≈ New Khaki
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.62:1 · APCA Lc 28
Ag
AAANa czerni
WCAG 12.94:1 · APCA Lc 75
Najlepszy kolor tekstu: #000000
WCAG 12.94:1 (AAA) · APCA Lc 75
Contrast pairs
Fragmenty kodu
CSS
:root {
--feeling-lucky: #aed3c7;
--feeling-lucky-rgb: 174 211 199;
--feeling-lucky-oklch: oklch(0.837 0.043 173.6);
}
.element {
color: var(--feeling-lucky);
background-color: hsl(161 30% 75%);
border-color: oklch(0.837 0.043 173.6);
}Tailwind CSS v4
@theme {
--color-feeling-lucky: #aed3c7;
--color-feeling-lucky-50: #e9f9f4;
--color-feeling-lucky-100: #daede7;
--color-feeling-lucky-200: #c2dbd3;
--color-feeling-lucky-300: #a2bfb6;
--color-feeling-lucky-400: #85a79c;
--color-feeling-lucky-500: #699084;
--color-feeling-lucky-600: #597a6f;
--color-feeling-lucky-700: #476159;
--color-feeling-lucky-800: #334740;
--color-feeling-lucky-900: #23312c;
--color-feeling-lucky-950: #121d1a;
}SCSS
$feeling-lucky: #aed3c7;
$feeling-lucky-rgb: 174, 211, 199;
$feeling-lucky-light: mix(#fff, $feeling-lucky, 20%);
$feeling-lucky-dark: mix(#000, $feeling-lucky, 20%);
.element {
color: $feeling-lucky;
box-shadow: 0 0 0 2px rgba($feeling-lucky, 0.35);
}