Nazwany kolor · #6BB8B1
Florida Turquoise
Florida Turquoise to #6BB8B1: rgb(107 184 177), hsl(175 35% 57%), oklch(0.731 0.077 188.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Florida Turquoise color name →
#6BB8B1
oklch(0.731 0.077 188.1)
Konwersje koloru
- HEX
- #6bb8b1
- RGB
- rgb(107 184 177)
- HSL
- hsl(175 35% 57%)
- HWB
- hwb(175 42% 28%)
- OKLCH
- oklch(0.731 0.077 188.1)
- OKLab
- oklab(0.731 -0.077 -0.011)
- CIE Lab
- lab(69.68 -26.2 -4.32)
- LCH
- lch(69.68 26.55 189.4)
- CMYK
- cmyk(42% 0% 4% 28%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7BBFB9
- 8BC6C0
- 9ACDC8
- A8D4D0
- B7DBD7
- C6E3DF
- D4EAE7
- E2F1EF
- F1F8F7
Odcienie ciemniejsze
- 5CA099
- 4E8883
- 3F716C
- 325B57
- 254542
- 18312F
- 0D1E1C
- 040C0C
- 000201
Tony
- 6FB2AC
- 72ADA7
- 75A7A2
- 77A19D
- 799C98
- 7B9693
- 7D918E
- 7E8B8A
- 7F8685
Harmonie kolorów
Komplementarna +180°
- 6BB8B1
Florida Turquoise
- D3949E
≈ Bridal Rose
Analogowa -30° +30°
- 6BB8B1
Florida Turquoise
- 7EB796
≈ Water Green
- 6DB4C9
≈ Delicate Girl Blue
Triada +120° +240°
- 6BB8B1
Florida Turquoise
- B69BCE
≈ Dechala Lilac
- C99F73
≈ Gingersnap
Komplementarna rozszczepiona +150° +210°
- 6BB8B1
Florida Turquoise
- C995B9
≈ Moorland Heather
- D39785
≈ Sunburnt Toes
Tetrada +90° +180° +270°
- 6BB8B1
Florida Turquoise
- 9CA4D9
≈ Dalmatian Sage
- D3949E
≈ Bridal Rose
- B5A970
≈ Oatmeal Biscuit
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.30:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.11:1 · APCA Lc 57
Najlepszy kolor tekstu: #000000
WCAG 9.11:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmenty kodu
CSS
:root {
--florida-turquoise: #6bb8b1;
--florida-turquoise-rgb: 107 184 177;
--florida-turquoise-oklch: oklch(0.731 0.077 188.1);
}
.element {
color: var(--florida-turquoise);
background-color: hsl(175 35% 57%);
border-color: oklch(0.731 0.077 188.1);
}Tailwind CSS v4
@theme {
--color-florida-turquoise: #6bb8b1;
--color-florida-turquoise-50: #ddfdfa;
--color-florida-turquoise-100: #ccf1ee;
--color-florida-turquoise-200: #afdfdb;
--color-florida-turquoise-300: #89c5c0;
--color-florida-turquoise-400: #65ada7;
--color-florida-turquoise-500: #3e9790;
--color-florida-turquoise-600: #367f7a;
--color-florida-turquoise-700: #2b6661;
--color-florida-turquoise-800: #1e4b46;
--color-florida-turquoise-900: #143431;
--color-florida-turquoise-950: #051f1d;
}SCSS
$florida-turquoise: #6bb8b1;
$florida-turquoise-rgb: 107, 184, 177;
$florida-turquoise-light: mix(#fff, $florida-turquoise, 20%);
$florida-turquoise-dark: mix(#000, $florida-turquoise, 20%);
.element {
color: $florida-turquoise;
box-shadow: 0 0 0 2px rgba($florida-turquoise, 0.35);
}