Adlandırılmış renk · #007062
Falcon Turquoise
Falcon Turquoise, #007062: rgb(0 112 98), hsl(173 100% 22%), oklch(0.489 0.089 180.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Teal mean? → · Falcon Turquoise color name →
#007062
oklch(0.489 0.089 180.2)
Renk dönüşümleri
- HEX
- #007062
- RGB
- rgb(0 112 98)
- HSL
- hsl(173 100% 22%)
- HWB
- hwb(173 0% 56%)
- OKLCH
- oklch(0.489 0.089 180.2)
- OKLab
- oklab(0.489 -0.089 0)
- CIE Lab
- lab(41.78 -31.07 -0.32)
- LCH
- lch(41.78 31.08 180.6)
- CMYK
- cmyk(100% 0% 13% 56%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 2E7E70
- 498B7F
- 61998E
- 78A89E
- 8EB6AD
- A5C4BD
- BBD3CD
- D1E1DE
- E8F0EE
Koyu tonlar
- 006054
- 005147
- 00433A
- 00352D
- 002721
- 001A16
- 000E0B
- 000403
- 000100
Gri tonlar
- 207265
- 307468
- 3D756B
- 49776E
- 537971
- 5D7A74
- 667C77
- 6F7D7A
- 787F7D
Renk uyumları
Tamamlayıcı +180°
- 007062
Falcon Turquoise
- 88495E
≈ Hawthorn Rose
Analog -30° +30°
- 007062
Falcon Turquoise
- 376E45
≈ Arcala Green
- 006D7A
≈ Carnival Night
Üçlü +120° +240°
- 007062
Falcon Turquoise
- 68548B
≈ Magenta Violet
- 845327
≈ Lion’s Lair
Bölünmüş tamamlayıcı +150° +210°
- 007062
Falcon Turquoise
- 7C4D78
≈ Phlox Flower Violet
- 8B4B41
≈ Rojo Oxide
Dörtlü +90° +180° +270°
- 007062
Falcon Turquoise
- 4D5D92
≈ Blue Dude
- 88495E
≈ Hawthorn Rose
- 735D19
≈ Hot Mustard
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.01:1 · APCA Lc 79
Ag
FailSiyah üzerinde
WCAG 3.49:1 · APCA Lc 22
En iyi metin rengi: #FFFFFF
WCAG 6.01:1 (AA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--falcon-turquoise: #007062;
--falcon-turquoise-rgb: 0 112 98;
--falcon-turquoise-oklch: oklch(0.489 0.089 180.2);
}
.element {
color: var(--falcon-turquoise);
background-color: hsl(173 100% 22%);
border-color: oklch(0.489 0.089 180.2);
}Tailwind CSS v4
@theme {
--color-falcon-turquoise: #007062;
--color-falcon-turquoise-50: #dbfef7;
--color-falcon-turquoise-100: #c9f2ea;
--color-falcon-turquoise-200: #abe1d7;
--color-falcon-turquoise-300: #83c7bb;
--color-falcon-turquoise-400: #5eb0a0;
--color-falcon-turquoise-500: #319988;
--color-falcon-turquoise-600: #2c8274;
--color-falcon-turquoise-700: #23685c;
--color-falcon-turquoise-800: #184c42;
--color-falcon-turquoise-900: #10352e;
--color-falcon-turquoise-950: #02201b;
}SCSS
$falcon-turquoise: #007062;
$falcon-turquoise-rgb: 0, 112, 98;
$falcon-turquoise-light: mix(#fff, $falcon-turquoise, 20%);
$falcon-turquoise-dark: mix(#000, $falcon-turquoise, 20%);
.element {
color: $falcon-turquoise;
box-shadow: 0 0 0 2px rgba($falcon-turquoise, 0.35);
}