이름 색상 · #95C703
Bergamot
Bergamot은(는) #95C703: rgb(149 199 3), hsl(75 97% 40%), oklch(0.766 0.194 125.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Bergamot color name →
#95C703
oklch(0.766 0.194 125.7)
색상 변환
- HEX
- #95c703
- RGB
- rgb(149 199 3)
- HSL
- hsl(75 97% 40%)
- HWB
- hwb(75 1% 22%)
- OKLCH
- oklch(0.766 0.194 125.7)
- OKLab
- oklab(0.766 -0.113 0.157)
- CIE Lab
- lab(74.59 -33.44 72.59)
- LCH
- lch(74.59 79.92 114.7)
- CMYK
- cmyk(25% 0% 98% 22%)
틴트 · 셰이드 · 톤
틴트
- 9FCD3E
- A9D35B
- B4D973
- BEDF89
- C9E49E
- D3EAB2
- DEEFC6
- E9F5D9
- F4FAEC
셰이드
- 81AD02
- 6D9302
- 5A7A01
- 486201
- 374C00
- 263600
- 162100
- 080E00
- 010200
톤
- 93C02D
- 91B93F
- 8FB24D
- 8DAB57
- 8AA460
- 889D68
- 86966F
- 848F75
- 82877B
색 조화
보색 +180°
- 95C703
Bergamot
- CB98FF
≈ Lilás
유사색 -30° +30°
- 95C703
Bergamot
- D1B100
≈ Mustard
- 00D47E
≈ Seaweed
삼각 배색 +120° +240°
- 95C703
Bergamot
- 68BAFF
≈ Green Darner Tail
- FF88A5
≈ Rosa
분열 보색 +150° +210°
- 95C703
Bergamot
- 9EACFF
≈ Widowmaker
- FC7DE2
≈ Splash of Grenadine
사각 배색 +90° +180° +270°
- 95C703
Bergamot
- 00C8E9
≈ Picnic Day Sky
- CB98FF
≈ Lilás
- FF9072
≈ Alexandria
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.00:1 · APCA Lc 39
Ag
AAA검은색 위
WCAG 10.44:1 · APCA Lc 64
가장 좋은 글자색: #000000
WCAG 10.44:1 (AAA) · APCA Lc 64
Contrast pairs
코드 스니펫
CSS
:root {
--bergamot: #95c703;
--bergamot-rgb: 149 199 3;
--bergamot-oklch: oklch(0.766 0.194 125.7);
}
.element {
color: var(--bergamot);
background-color: hsl(75 97% 40%);
border-color: oklch(0.766 0.194 125.7);
}Tailwind CSS v4
@theme {
--color-bergamot: #95c703;
--color-bergamot-50: #e5ffc5;
--color-bergamot-100: #d5f5af;
--color-bergamot-200: #bde488;
--color-bergamot-300: #9bc954;
--color-bergamot-400: #83b100;
--color-bergamot-500: #679900;
--color-bergamot-600: #578200;
--color-bergamot-700: #466800;
--color-bergamot-800: #354c00;
--color-bergamot-900: #243500;
--color-bergamot-950: #132000;
}SCSS
$bergamot: #95c703;
$bergamot-rgb: 149, 199, 3;
$bergamot-light: mix(#fff, $bergamot, 20%);
$bergamot-dark: mix(#000, $bergamot, 20%);
.element {
color: $bergamot;
box-shadow: 0 0 0 2px rgba($bergamot, 0.35);
}