Adlandırılmış renk · #C6BB68
Secret Safari
Secret Safari, #C6BB68: rgb(198 187 104), hsl(53 45% 59%), oklch(0.783 0.105 101.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Secret Safari color name →
#C6BB68
oklch(0.783 0.105 101.8)
Renk dönüşümleri
- HEX
- #c6bb68
- RGB
- rgb(198 187 104)
- HSL
- hsl(53 45% 59%)
- HWB
- hwb(53 41% 22%)
- OKLCH
- oklch(0.783 0.105 101.8)
- OKLab
- oklab(0.783 -0.022 0.103)
- CIE Lab
- lab(75.47 -4.31 43.17)
- LCH
- lch(75.47 43.39 95.7)
- CMYK
- cmyk(0% 6% 47% 22%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CBC278
- D1C988
- D7D097
- DCD6A6
- E2DDB5
- E8E4C4
- EDEBD3
- F3F1E2
- F9F8F0
Koyu tonlar
- ACA259
- 928A4B
- 7A733E
- 625C30
- 4B4624
- 353218
- 211F0C
- 0E0D04
- 020200
Gri tonlar
- BFB56C
- B7AF6F
- B0A973
- A9A375
- A29D78
- 9B987A
- 94927C
- 8D8C7D
- 87867F
Renk uyumları
Tamamlayıcı +180°
- C6BB68
Secret Safari
- ADB0FB
≈ Winterspring Lilac
Analog -30° +30°
- C6BB68
Secret Safari
- E3AD6A
≈ Gilt Trip
- A0C77F
≈ Frenzy Plant
Üçlü +120° +240°
- C6BB68
Secret Safari
- 62C8E9
≈ Candid Blue
- E79DCC
≈ Blossoms in Spring
Bölünmüş tamamlayıcı +150° +210°
- C6BB68
Secret Safari
- 86BDFA
≈ Scenic Water
- CFA5EA
≈ Bright Ube
Dörtlü +90° +180° +270°
- C6BB68
Secret Safari
- 58CEC9
≈ Setting Sail
- ADB0FB
≈ Winterspring Lilac
- F49CA7
≈ Sweet 60
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.96:1 · APCA Lc 38
Ag
AAASiyah üzerinde
WCAG 10.70:1 · APCA Lc 65
En iyi metin rengi: #000000
WCAG 10.70:1 (AAA) · APCA Lc 65
Contrast pairs
Kod parçacıkları
CSS
:root {
--secret-safari: #c6bb68;
--secret-safari-rgb: 198 187 104;
--secret-safari-oklch: oklch(0.783 0.105 101.8);
}
.element {
color: var(--secret-safari);
background-color: hsl(53 45% 59%);
border-color: oklch(0.783 0.105 101.8);
}Tailwind CSS v4
@theme {
--color-secret-safari: #c6bb68;
--color-secret-safari-50: #faf7d5;
--color-secret-safari-100: #edeac2;
--color-secret-safari-200: #dbd7a3;
--color-secret-safari-300: #c0ba7a;
--color-secret-safari-400: #aba153;
--color-secret-safari-500: #958825;
--color-secret-safari-600: #7e7322;
--color-secret-safari-700: #655c1b;
--color-secret-safari-800: #4b4310;
--color-secret-safari-900: #342e0a;
--color-secret-safari-950: #201b00;
}SCSS
$secret-safari: #c6bb68;
$secret-safari-rgb: 198, 187, 104;
$secret-safari-light: mix(#fff, $secret-safari, 20%);
$secret-safari-dark: mix(#000, $secret-safari, 20%);
.element {
color: $secret-safari;
box-shadow: 0 0 0 2px rgba($secret-safari, 0.35);
}